<template>
    <div>
        <lg-header :leftArrow="false" :titleType="1" title="商品列表"></lg-header>
        <div class="fixed-top pl-30 pr-30">
            <router-link :to="item.path" tag="div" class="goods-item mt-30" v-for="item in list" :key="item.id">
                <div class="goods-img"></div>
                <div class="desc pl-10 pr-10 pt-20 pb-20">{{item.title}}</div>
            </router-link>
        </div>
    </div>
</template>

<script>
export default {
    data(){
        return {
            list:[
                {id:'1',title:'购买VIP',path:'/vippay'},
                {id:'2',title:'购买项目次数',path:'/numberpay'},
                {id:'3',title:'充值',path:'/recharge'},
            ],
            num: 20,
        }
    },
    methods:{
        tabChange(index,title){
            this.num = (index+1)*20;
        },
        onRefresh(done){
            setTimeout(()=>{
                done();
            },1500)
        },
        onInfinite(done){
            setTimeout(()=>{
                this.num += 50;
                done();
            },1500)
        }
    },
}
</script>
<style lang="scss" scoped>
.list{
    height: 100%;
    padding-top: 46px;
}
.goods-item{
    border: 1px solid #bbb;
    .goods-img{
        width: 100%;
        height: 125px;
        background-color: #eee;
    }
}
</style>